<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width,user-scalable=no,initial-scale=1.0,  maximum-scale=1.0,minimum-scale=1.0">
    <title>小飞起始页-前端网站导航</title>
    <link rel="stylesheet" href="./style.css">
</head>

<body>
<header>
    <form class="search" method="GET" action="https://www.google.com/search" target="_blank">
        <div class="search-logo">
            <svg class="icon">
                <use xlink:href="#icon-google"></use>
            </svg>
        </div>
        <input type="text" name="q" autocomplete="off">

        <button class="search-icon" type="submit">
            <svg class="icon">
                <use xlink:href="#icon-sousuo"></use>
            </svg>
        </button>
    </form>
</header>
<main>
    <ul class="siteList">
        <!-- <li>
          <a href="https://github.com/">
            <div class="site">
              <div class="logo">
                <svg class="icon">
                  <use xlink:href="#icon-github"></use>
                </svg>
              </div>
              <span class="siteName">GitHub</span>
            </div>
          </a>
        </li>
        <li>
          <a href="https://nodejs.org/en/">
            <div class="site">
              <div class="logo">
                <svg class="icon">
                  <use xlink:href="#icon-Nodejs"></use>
                </svg>
              </div>
              <span class="siteName">Node</span>
            </div>
          </a>
        </li>
        <li>
          <a href="https://react.docschina.org/">
            <div class="site">
              <div class="logo">
                <svg class="icon">
                  <use xlink:href="#icon-React"></use>
                </svg>

              </div>
              <span class="siteName">React</span>
            </div>
          </a>
        </li>
        <li>
          <a href="https://cn.vuejs.org/">
            <div class="site">
              <div class="logo">
                <svg class="icon">
                  <use xlink:href="#icon-vue"></use>
                </svg>
              </div>
              <span class="siteName">Vue</span>
            </div>
          </a>
        </li>
        <li>
          <a href="https://www.zhihu.com/">
            <div class="site">
              <div class="logo">
                <svg class="icon">
                  <use xlink:href="#icon-zhihu"></use>
                </svg>
              </div>
              <span class="siteName">知乎</span>
            </div>
          </a>
        </li> -->
        <li class="lastLi">
            <div class="addButton">
                <svg class="icon">
                    <use xlink:href="#icon-add"></use>
                </svg>
            </div>
        </li>
    </ul>
</main>
<!-- <footer>
  <a href="" title="王鹏飞的博客" target="_blank" class="link">
    © 2020王鹏飞 |
  </a>
  <a href="javascript:;">关于</a>
</footer> -->
</body>
<script src="//at.alicdn.com/t/font_2256094_s1qmyq4cr9p.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="./main.js"></script>

</html>